<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">
<p:messages for="messageCarro" showDetail="false" autoUpdate="true" closable="true" />
<h:form id="formEditarCarro">
<p:dataTable value="#{carroMB.carro}" var="c" style="Font-size:12px" >
	<p:column headerText="Producto">
		<h:outputText value="#{c.producto.nombre}"></h:outputText>
	</p:column>
	<p:column headerText="Precio  (iva incl.)"  width="100" styleClass="textRight">
		<h:outputText value="#{c.producto.precio}">
			<f:convertNumber pattern="¤#,###" currencySymbol="$"/>
		</h:outputText>
	</p:column>
	<p:column headerText="Cantidad"  width="100"  styleClass="textCenter">
		<h:outputText value="#{c.cantidad} " style="Font-size:16px" ></h:outputText> 
		<p:commandButton icon="ui-icon-triangle-1-n" title="Agregar" actionListener="#{carroMB.agregarCantidad(c)}" update="@form, :resumenCarro" />
		<p:commandButton icon="ui-icon-triangle-1-s" title="Quitar" actionListener="#{carroMB.quitarCantidad(c)}" update="@form, :resumenCarro" />
	</p:column>
	<p:column headerText="Total (iva incl.)" width="100"  styleClass="textRight">
		<h:outputText value="#{carroMB.calcularTotal(c.producto.precio,c.cantidad)}">
			<f:convertNumber pattern="¤#,###" currencySymbol="$"/>
		</h:outputText>
	</p:column>
	<p:column headerText="" width="90">
		<p:commandButton value="Eliminar" icon="ui-icon-trash" actionListener="#{carroMB.eliminarProducto(c)}" update="@form, :resumenCarro" />
	</p:column>
</p:dataTable>
<p:panelGrid style="font-size:13px; margin-left:auto; margin-right:112px;">
<p:row>
    <p:column style="width:100px">Total Sin IVA:</p:column>
    <p:column style="width:100px" styleClass="textRight">
    	<h:outputText value="#{carroMB.totalSinIva}">
    		<f:convertNumber pattern="¤#,###" currencySymbol="$"/>
    	</h:outputText>
    </p:column>
</p:row>
<p:row>
    <p:column>IVA (19%):</p:column>
    <p:column styleClass="textRight">
    	<h:outputText value="#{carroMB.iva}">
    		<f:convertNumber pattern="¤#,###" currencySymbol="$"/>
    	</h:outputText>
    </p:column>
</p:row>
<p:row>
    <p:column style="font-weight: bold;">TOTAL:</p:column>
    <p:column style="font-weight: bold;" styleClass="textRight">
    	<h:outputText value="#{carroMB.total}">
    		<f:convertNumber pattern="¤#,###" currencySymbol="$"/>
    	</h:outputText>
    </p:column>
</p:row>
</p:panelGrid>
<p:commandButton value="Vover" onclick="PF('dlgEditarCarro').hide()"></p:commandButton>
<p:commandButton value="Comprar" actionListener="#{carroMB.prepararComprar}" update="@form, :resumenCarro, :productos"></p:commandButton>
</h:form>

</ui:composition>